{extend name="./indexmb" /}
{block name="check_input_id"}
{/block}
{block name="setting_botton"}
<button type="button" onclick="data_delete({{d.id}})" class="layui-btn  layui-btn-sm layui-bg-red delete">删除
</button>
<button type="button" onclick="data_upload({{d.id}})" class="layui-btn  layui-btn-sm upload">编辑
</button>
<a id="a_money_{{d.id}}" lay-href="">
    <button type="button" onclick="a_money_url({{d.id}})" class="layui-btn  layui-btn-sm">价格-库存管理
    </button>
</a>
{/block}
{block name="check_input"}
<div class="layui-inline">
    <!-- <label class="layui-form-label">所属分组</label> -->
    <div class="layui-input-block">
        <select  name="product_class_id" lay-filter="type" >
            <option value="">请选择所属分组</option>
            {foreach $class as $v}
            <option value="{$v.id}">{$v.name}</option>
            {/foreach}
        </select>
    </div>
</div>
<div class="layui-inline">
    <!-- <label class="layui-form-label">商品名称</label> -->
    <div class="layui-input-block">
        <input type="text" name="name" placeholder="请输入商品名称" autocomplete="off" class="layui-input">
    </div>
</div>
{/block}
{block name="setting_all_botton"}
                    <div class="layui-inline">
                        <button class="layui-btn  layuiadmin-btn-useradmin layui-bg-red"
                            data-type="batchdel">批量删除</button>
                        <button class="layui-btn  layuiadmin-btn-useradmin layui-bg-blue" data-type="add">添加商品</button>
                    </div>
                    {/block}
{block name="layui"}
<script>
	var flag = false; // 一个状态标记，记录需要进行的脚本是否执行过
    // 用来检查的函数
    function check() {
    	console.log(flag);
        // 如果脚本已执行过，则退出，避免重复执行。
        if (flag) return;
        // 尝试获取 {{data.content}} 中的 “标识”
        var obj = $('.data_stock');
        var obj_yj = $('.data_yj_price');
        var obj_cb = $('.data_cb_price');
        var obj_price = $('.data_price');
        // 如果获取成功，说明代码已经完成载入
        if (obj.length) {
        	//库存
            // 这里放上你想要进行的操作，例如你问题中的：
            $(".data_stock").on('change', function () {
                var stock = $(this).val();
                var id = $(this).attr('data_id');
                var input = $(this);
                if (stock > 0) {
                    $.post("{:url('upload_ajax')}", {
                        id: id, stock: stock
                    }, function (res) {
            			flag = false;
                        if (res.code == 200) {
                        	input.css('border-color','#5FB878');
                        	input.css('background','rgba(95,184,120,0.2)');
                        	setTimeout(function(){
	                        	input.css('border-color','#d7d7d7');
	                        	input.css('background','#fff');
                        	},1500)
                        }
                    }, 'json')
                } else {
        			flag = false;
        			input.css('border-color','#ff0000');
                	input.css('background','#FFB800');
                	setTimeout(function(){
                    	// input.css('border-color','#d7d7d7');
                    	input.css('background','#fff');
                	},1500)
                    layer.msg('只能是数字', {
                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
        			// input.css('cssText', 'border-color:#ff00 !important');
                    });
                }

            })
            // 设置状态标记，避免脚本重复执行
            flag = true;
        }
        if (obj_yj.length) {
        	//佣金
            // 这里放上你想要进行的操作，例如你问题中的：
            $(".data_yj_price").on('change', function () {
                var yj_price = $(this).val();
                var id = $(this).attr('data_id');
                var input = $(this);
                if (yj_price > 0) {
                    $.post("{:url('upload_ajax')}", {
                        id: id, yj_price: yj_price
                    }, function (res) {
            			flag = false;
                        if (res.code == 200) {
                        	input.css('border-color','#5FB878');
                        	input.css('background','rgba(95,184,120,0.2)');
                        	setTimeout(function(){
	                        	input.css('border-color','#d7d7d7');
	                        	input.css('background','#fff');
                        	},1500)
                        }
                    }, 'json')
                } else {
        			flag = false;
        			input.css('border-color','f00');
                	input.css('background','#FFB800');
                	setTimeout(function(){
                    	// input.css('border-color','#d7d7d7');
                    	input.css('background','#fff');
                	},1500)
                    layer.msg('只能是数字', {
                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                    });
                }

            })
            // 设置状态标记，避免脚本重复执行
            flag = true;
        }
        if (obj_cb.length) {
        	//成本价格
            // 这里放上你想要进行的操作，例如你问题中的：
            $(".data_cb_price").on('change', function () {
                var cb_price = $(this).val();
                var id = $(this).attr('data_id');
                var input = $(this);
                if (cb_price > 0) {
                    $.post("{:url('upload_ajax')}", {
                        id: id, cb_price: cb_price
                    }, function (res) {
            			flag = false;
                        if (res.code == 200) {
                        	input.css('border-color','#5FB878');
                        	input.css('background','rgba(95,184,120,0.2)');
                        	setTimeout(function(){
	                        	input.css('border-color','#d7d7d7');
	                        	input.css('background','#fff');
                        	},1500)
                        }
                    }, 'json')
                } else {
        			flag = false;
        			input.css('border-color','f00');
                	input.css('background','#FFB800');
                	setTimeout(function(){
                    	// input.css('border-color','#d7d7d7');
                    	input.css('background','#fff');
                	},1500)
                    layer.msg('只能是数字', {
                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                    });
                }

            })
            // 设置状态标记，避免脚本重复执行
            flag = true;
        }
        if (obj_price.length) {
            	console.log(995);
        	//销售价格
            // 这里放上你想要进行的操作，例如你问题中的：
            $(".data_price").on('change', function () {
            	console.log(656);
                var price = $(this).val();
                var id = $(this).attr('data_id');
                var input = $(this);
                if (price > 0) {
                    $.post("{:url('upload_ajax')}", {
                        id: id, price: price
                    }, function (res) {
                        if (res.code == 200) {
        					flag = false;
                            input.css('border-color','#5FB878');
                        	input.css('background','rgba(95,184,120,0.2)');
                        	setTimeout(function(){
	                        	input.css('border-color','#d7d7d7');
	                        	input.css('background','#fff');
                        	},1500)
                        }
                    }, 'json')
                } else {
        			flag = false;
        			input.css('border-color','f00');
                	input.css('background','#FFB800');
                	setTimeout(function(){
                    	// input.css('border-color','#d7d7d7');
                    	input.css('background','#fff');
                	},1500)
                    layer.msg('只能是数字', {
                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                    });
                }

            })
            // 设置状态标记，避免脚本重复执行
            flag = true;
        }
        // 如果代码没有完成载入
        // 设置定时器，过一段时间再次检查
        setTimeout(check, 1000);
    }

    // 开始检查
    check();
    function a_f_url(id)
    {
        $("#a_l_"+id).attr('lay-href','/admin/product_image/index?product_id='+id);
    }
    function a_gg_url(id)
    {
        $("#a_gg_"+id).attr('lay-href','/admin/specification_sku/read?product_id='+id);
    }
    function a_money_url(id)
    {
        $("#a_money_"+id).attr('lay-href','/admin/specification_sku/index?product_id='+id);
    }
    function a_url(id,url,key){
        location.href = url + '?' + key + '=' + id;
    }
    function data_delete(id){
        //删除按钮操作
        layui.use('layer', function () {
            var $ = layui.$
                , table = layui.table
                , layer = layui.layer;
            layer.confirm('确定删除吗？', function (index) {

                //执行 Ajax 后重载
                $.ajax({
                    'url': "{:url('delete')}",
                    'method': 'POST',
                    'data': {id: id},
                    'success': function (res) {
                        if (res.code == 200) {
                            layer.msg('删除成功', {
                                time: 1500 //2秒关闭（如果不配置，默认是3秒）
                            }, function () {
                                table.reload('demo');
                            });
                        } else {
                            layer.msg(res.message);
                        }
                    }
                })
            });
        })
    }
    function data_cun(id){
        layui.use('layer', function () {
            var $ = layui.$
                , table = layui.table
                , layer = layui.layer;
            if(window.screen.width < 990){
            	layer.open({
	                type: 2
	                , title: '所属村'
	                , content: 'index.html' + '?p_id=' + id
	                , maxmin: true
	                , area: []
	                , btn: ['取消']
	            });
	        }else{
	        	var index = layer.open({
	                type: 2
	                , title: '所属村'
	                , content: 'index.html' + '?p_id=' + id
	                , maxmin: true
	                , area: ["{$popup_size.width}", "{$popup_size.height}"]
	                , btn: ['取消']
	            });
	            layer.full(index);
	        }
            
        });
    }
    function data_upload(id) {
        //编辑按钮操作
        layui.use('layer', function () {
            var $ = layui.$
                , table = layui.table
                , layer = layui.layer;
            if(window.screen.width < 990){
                
                "{if isset($qt)}"
                var index = layer.open({
	                type: 2
	                , title: '编辑'
	                , content: 'upload.html' + '?p_id='+"{$qt}"+'&id=' + id
	                , maxmin: true
	                , area: []
	                , btn: ['确定', '取消']
	                , yes: function (index, layero) {
	                    var iframeWindow = window['layui-layer-iframe' + index]
	                    var submitID = 'LAY-user-front-submit'
	                    var submit = layero.find('iframe').contents().find('#' + submitID);
	                    //监听提交
	                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                        var field = data.field; //获取提交的字段
	                        // 提交 Ajax 成功后，静态更新表格中的数据
	                        $.ajax({
	                            'url': "{:url('upload_ajax')}",
	                            'method': 'POST',
	                            'data': field,
	                            'success': function (res) {
	                                if (res.code == 200) {
	                                    layer.msg('修改成功', {
	                                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                    }, function () {
	                                        table.reload('demo');
	                                    });
	                                } else {
	                                    layer.msg(res.message);
	                                }
	                            }
	                        });\
	                        layer.close(index); //关闭弹层
	                    });
	
	                    submit.trigger('click');
	                }
	            });
                layer.full(index);
                "{else}"
                var index = layer.open({
	                type: 2
	                , title: '编辑'
	                , content: 'upload.html' + '?id=' + id
	                , maxmin: true
	                , area: []
	                , btn: ['确定', '取消']
	                , yes: function (index, layero) {
	                    var iframeWindow = window['layui-layer-iframe' + index]
	                    var submitID = 'LAY-user-front-submit'
	                    var submit = layero.find('iframe').contents().find('#' + submitID);
	                    //监听提交
	                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                        var field = data.field; //获取提交的字段
	                        // 提交 Ajax 成功后，静态更新表格中的数据
	                        $.ajax({
	                            'url': "{:url('upload_ajax')}",
	                            'method': 'POST',
	                            'data': field,
	                            'success': function (res) {
	                                if (res.code == 200) {
	                                    layer.msg('修改成功', {
	                                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                    }, function () {
	                                        table.reload('demo');
	                                    });
	                                } else {
	                                    layer.msg(res.message);
	                                }
	                            }
	                        });
	                        layer.close(index); //关闭弹层
	                    });
	
	                    submit.trigger('click');
	                }
	            });
                layer.full(index);
                "{/if}"
            	
	        }else{
                "{if isset($qt)}"
                var index = layer.open({
	                type: 2
	                , title: '编辑'
	                , content: 'upload.html' + '?p_id='+"{$qt}"+'&id=' + id
	                , maxmin: true
	                , area: ["{$popup_size.width}", "{$popup_size.height}"]
	                , btn: ['确定', '取消']
	                , yes: function (index, layero) {
	                    var iframeWindow = window['layui-layer-iframe' + index]
	                    var submitID = 'LAY-user-front-submit'
	                    var submit = layero.find('iframe').contents().find('#' + submitID);
	                    //监听提交
	                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                        var field = data.field; //获取提交的字段
	                        // 提交 Ajax 成功后，静态更新表格中的数据
	                        $.ajax({
	                            'url': "{:url('upload_ajax')}",
	                            'method': 'POST',
	                            'data': field,
	                            'success': function (res) {
	                                if (res.code == 200) {
	                                    layer.msg('修改成功', {
	                                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                    }, function () {
	                                        table.reload('demo');
	                                    });
	                                } else {
	                                    layer.msg(res.message);
	                                }
	                            }
	                        });
	                        layer.close(index); //关闭弹层
	                    });
	
	                    submit.trigger('click');
	                }
	            });
                layer.full(index);
                "{else}"
                var index = layer.open({
	                type: 2
	                , title: '编辑'
	                , content: 'upload.html' + '?id=' + id
	                , maxmin: true
	                , area: ["{$popup_size.width}", "{$popup_size.height}"]
	                , btn: ['确定', '取消']
	                , yes: function (index, layero) {
	                    var iframeWindow = window['layui-layer-iframe' + index]
	                    var submitID = 'LAY-user-front-submit'
	                    var submit = layero.find('iframe').contents().find('#' + submitID);
	                    //监听提交
	                    iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                        var field = data.field; //获取提交的字段
	                        // 提交 Ajax 成功后，静态更新表格中的数据
	                        $.ajax({
	                            'url': "{:url('upload_ajax')}",
	                            'method': 'POST',
	                            'data': field,
	                            'success': function (res) {
	                                if (res.code == 200) {
	                                    layer.msg('修改成功', {
	                                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                    }, function () {
	                                        table.reload('demo');
	                                    });
	                                } else {
	                                    layer.msg(res.message);
	                                }
	                            }
	                        });
	                        layer.close(index); //关闭弹层
	                    });
	
	                    submit.trigger('click');
	                }
	            });
                layer.full(index);
                "{/if}"
	        	
	        }
            
        });
    }

    layui.config({
        base: '/layuiAdmin/dist/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'useradmin', 'table', 'layer','laydate'], function () {

        var $ = layui.$
            , form = layui.form
            , table = layui.table
            , layer = layui.layer
            , laydate = layui.laydate
        laydate.render({
            elem: '#time_time'
            ,type: 'datetime'
            ,range: '到'
            ,format: 'yyyy-M-d H:m:s'
        });
        form.on('switch()', function(data){
            var id = data.elem.getAttribute('data_id');
            var val = data.elem.checked; //开关value值，也可以通过data.elem.value得到
            if(val == true){
                val = 1;
            }else{
                val = 2;
            }
            $.ajax({
                url:"{:url('upload_ajax')}",
                data:{id:id,is_show:val},
                method:'POST',
                success:function(res){
                    if(res.code == 200){
                        layer.msg('修改成功');
                    }
                }
            })
        });
        //表格
        var web_table = "{$table}";
        web_table = JSON.parse(web_table.replace(/&quot;/g, '"'));
        "{if $cs_url}"
        var url = "{:url('datalist')}" + "{$cs_url}";
        "{else}"
        var url = "{:url('datalist')}";
        "{/if}"
        url = url.replace(/&amp;/g,'&');
        console.log(url,111)
        table.render({
            elem: '#demo'
            , limit: 50
            , url: url//数据接口
            , page: true //开启分页
            , cols: [web_table]
        });
        //监听搜索
        form.on('submit(LAY-user-front-search)', function (data) {
            var field = data.field;

            //执行重载
            table.reload('demo', {
                where: field
            });
        });

        //事件
        var active = {
            batchdel: function () {
                //批量删除按钮操作
                var checkStatus = table.checkStatus('demo')
                    , checkData = checkStatus.data; //得到选中的数据

                if (checkData.length === 0) {
                    return layer.msg('请选择数据');
                }

                var prompt = layer.prompt({
                    formType: 1
                    , title: '敏感操作，请验证口令'
                }, function (value, index) {
                    if (value !== '123456') {
                        return layer.msg('口令错误');
                    }
                    layer.closeAll();
                    var id = '';
                    for (var i = 0; i < checkData.length; i++) {
                        id += checkData[i]['id'] + ','
                    }
                    layer.confirm('确定删除吗？', function (index) {

                        //执行 Ajax 后重载
                        $.ajax({
                            'url': "{:url('delete')}",
                            'method': 'POST',
                            'data': {id: id},
                            'success': function (res) {
                                if (res.code == 200) {
                                    layer.msg('删除成功', {
                                        time: 1500 //2秒关闭（如果不配置，默认是3秒）
                                    }, function () {
                                        table.reload('demo');
                                    });
                                } else {
                                    layer.msg(res.message);
                                }
                            }
                        })
                    });
                });
            }
            , add: function () {
                //新增按钮操作
	            if(window.screen.width < 990){
	                "{if isset($qt)}"
	                var index = layer.open({
	                    type: 2
	                    , title: '添加'
	                    , content: 'add.html?p_id='+"{$qt}"
	                    , maxmin: true
	                    , area: []
	                    , btn: ['确定', '取消']
	                    , yes: function (index, layero) {
	                        var iframeWindow = window['layui-layer-iframe' + index]
	                        var submitID = 'LAY-user-front-submit'
	                        var submit = layero.find('iframe').contents().find('#' + submitID);
	                        //监听提交
	                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                            var field = data.field; //获取提交的字段
	                            //提交 Ajax 成功后，静态更新表格中的数据
	                            $.ajax({
	                                'url': "{:url('add_ajax')}",
	                                'method': 'POST',
	                                'data': field,
	                                'success': function (res) {
	                                    if (res.code == 200) {
	                                        layer.msg('添加成功', {
	                                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                        }, function () {
	                                            table.reload('demo');
	                                        });
	                                    } else {
	                                        layer.msg(res.message);
	                                    }
	                                }
	                            });
	                            layer.close(index); //关闭弹层
	                        });
	
	                        submit.trigger('click');
	                    }
	                });
	                layer.full(index);
	                "{else}"
	            	var index = layer.open({
	                    type: 2
	                    , title: '添加'
	                    , content: 'add.html'
	                    , maxmin: true
	                    , area: []
	                    , btn: ['确定', '取消']
	                    , yes: function (index, layero) {
	                        var iframeWindow = window['layui-layer-iframe' + index]
	                        var submitID = 'LAY-user-front-submit'
	                        var submit = layero.find('iframe').contents().find('#' + submitID);
	                        //监听提交
	                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                            var field = data.field; //获取提交的字段
	                            //提交 Ajax 成功后，静态更新表格中的数据
	                            $.ajax({
	                                'url': "{:url('add_ajax')}",
	                                'method': 'POST',
	                                'data': field,
	                                'success': function (res) {
	                                    if (res.code == 200) {
	                                        layer.msg('添加成功', {
	                                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                        }, function () {
	                                            table.reload('demo');
	                                        });
	                                    } else {
	                                        layer.msg(res.message);
	                                    }
	                                }
	                            });
	                            layer.close(index); //关闭弹层
	                        });
	
	                        submit.trigger('click');
	                    }
	                });
	                layer.full(index);
	                "{/if}"
	            }else{
	                "{if isset($qt)}"
	                var index = layer.open({
	                    type: 2
	                    , title: '添加'
	                    , content: 'add.html?p_id='+"{$qt}"
	                    , maxmin: true
	                    , area: ["{$popup_size.width}", "{$popup_size.height}"]
	                    , btn: ['确定', '取消']
	                    , yes: function (index, layero) {
	                        var iframeWindow = window['layui-layer-iframe' + index]
	                        var submitID = 'LAY-user-front-submit'
	                        var submit = layero.find('iframe').contents().find('#' + submitID);
	                        //监听提交
	                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                            var field = data.field; //获取提交的字段
	                            //提交 Ajax 成功后，静态更新表格中的数据
	                            $.ajax({
	                                'url': "{:url('add_ajax')}",
	                                'method': 'POST',
	                                'data': field,
	                                'success': function (res) {
	                                    if (res.code == 200) {
	                                        layer.msg('添加成功', {
	                                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                        }, function () {
	                                            table.reload('demo');
	                                        });
	                                    } else {
	                                        layer.msg(res.message);
	                                    }
	                                }
	                            });
	                            layer.close(index); //关闭弹层
	                        });
	
	                        submit.trigger('click');
	                    }
	                });
	                layer.full(index);
	                "{else}"
	                var index = layer.open({
	                    type: 2
	                    , title: '添加'
	                    , content: 'add.html'
	                    , maxmin: true
	                    , area: ["{$popup_size.width}", "{$popup_size.height}"]
	                    , btn: ['确定', '取消']
	                    , yes: function (index, layero) {
	                        var iframeWindow = window['layui-layer-iframe' + index]
	                        var submitID = 'LAY-user-front-submit'
	                        var submit = layero.find('iframe').contents().find('#' + submitID);
	                        //监听提交
	                        iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
	                            var field = data.field; //获取提交的字段
	                            //提交 Ajax 成功后，静态更新表格中的数据
	                            $.ajax({
	                                'url': "{:url('add_ajax')}",
	                                'method': 'POST',
	                                'data': field,
	                                'success': function (res) {
	                                    if (res.code == 200) {
	                                        layer.msg('添加成功', {
	                                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
	                                        }, function () {
	                                            table.reload('demo');
	                                        });
	                                    } else {
	                                        layer.msg(res.message);
	                                    }
	                                }
	                            });
	                            layer.close(index); //关闭弹层
	                        });
	
	                        submit.trigger('click');
	                    }
	                });
	                layer.full(index);
	                "{/if}"
	            	
	            }
                
            }
        };
        $('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
    function data_url(table = null){
        console.log(table)
        //优化
        $.ajax({
            url:"{:url('optimize')}",
            data:{tables:table},
            success:function(res){
                console.log(res);
            }
        })
    };

    //弹出查看图片
    function fdtop(img) {
        $("#mc").css({display:'flex'});
        $("#mc").find('img').attr('src',img);
    }
    //关闭弹出层
    $("#mc").click(function(){
        $("#mc").hide();
    })
</script>
{/block}